在修業之前，先大約理解後面會講到的東西。
技術提及的方向，跟不提及的方向，以及會預備推薦要知道的知識。

目前讀起來書本偏重於 JS 函式庫的設計，說明比較深入的 JS 物件、閉包、函式用法，
但不基於或提及瀏覽器以外 Node.js 環境，與現在JS 框架。

另外函式庫的穩定性跟效能也極度重要，所以書裡也說明了測試、效能跟除錯技巧等。

這章想學到什麼？

• 概觀進階的 JS 世界有什麼？ 物件、閉包、函式、計時器、with 述句、eval 用法
• 開發函示庫之跨瀏覽起支援的考量有哪些，注意市占率與開發成本等 (在下集)
• 概觀最佳實務的測試函式寫法與效能分析的時間戳用法 (在下集)

程式碼閱讀練習與撰寫

概觀進階的 JS 世界有什麼？

• 物件、閉包、函式的密切關係，在物件中的函式，以函式建構物件，函示中的函式？長怎樣，如下

// 物件中的函式

let profile = {
    firstname: 'Hu',
    lastname: 'Jim',
    callme: function () {
        console.log(`My name is ${this.firstname} ${this.lastname}`)  
    }
}
profile.callme()

//or 函式建構物件

function Profile(first, last, age, eye) {
  this.firstName = first;
  this.lastName = last;
  this.age = age;
  this.eyeColor = eye;
}

const myInfo = new Profile("Jim", "Hu", 50, "black");

//or 函示中的函式

let callme = (firstname) => {
    return (nickname) => {
        let title = firstname || '';
        let lastname = nickname || 'Jimmy'; 
        console.log(`My name is ${firstname} ${lastname}`)
    }
}

callme('Peter')('Pan')

• 被忽略的功能：計時器（timer）與正規表示式

setTimeout(functionRef, delay, param1, param2, /* … ,*/ paramN)
setInterval(func, delay, arg0, arg1, /* … ,*/ argN)

//正規後續補充，大約如下
var re = new RegExp('ab+c');

• JS 的高階功能

  • With 已棄用，參考 [MDN 文件(https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/with)
  • eval 不建議使用，參考 MDN 文件

  eval() 函數會將傳入的字串當 JavaScript 程式碼進行執行，現今 MDN 文件建議使用 Function 替代處理，在後面文章補充。看看以下範例

const sayHello = 'alert("hello eval")'
eval(sayHello)

WARNING:
eval() 是一個危險的函示，它使用與調用者相同的權限執行代碼。如果你用 eval() 運行的字符串程式被惡意修改，您最终可能會在您的網頁/或插鍵的權限下，在用戶電腦上運行惡意程式。

是不是有一點 Fu 了呢？下集待續

Be fixed on the version, but flexible on the journey. —— Jeff Bezos

參考資料

https://gs.statcounter.com/
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/with
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/eval